*{margin: 0;padding: 0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption,  footer, header,menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 18px;
    font: inherit;
    vertical-align: baseline;
}
body{line-height: 1.5;
    background: #f2f2f2;
    font-family: "Microsoft YaHei";
    min-width: 320px; }
/*公用样式*/
.center{margin: 0 auto;text-align: center;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
li{list-style: none;}
a{text-decoration: none;}
img {  vertical-align: middle; }

/*头部公用*/
.header {  width: 100%;  height: 2.6rem;  border-bottom: #cdcdcd 1px solid;line-height: 2.6rem;    background: #333;position: fixed;top:0;left: 0;z-index: 99; }
.header-bottom-left.fl {  width: 18%;  }
.bottom-icon{width:0.5rem; padding-left: 0.7rem;  margin-top: -0.1rem; }
.header-title{width: 68%;text-align: center;}.header-title-right{width: 14%; text-align: center;}
.header-title h3{font-size:70%;color: #fff;}
.return-text{color: #fff;font-size: 70%;padding-left: 0.2rem;}
/*底部*/
.footer-menu{width: 100%;height: 2.6rem;background: #f2f2f2;position: fixed;left: 0;bottom: 0;}
.footer-menu li{width: 33.33%;float: left;}
.footer-menu li a{display: block;width: 100%;height: 1.2rem;text-align: center;border-right: 1px solid #795dc3; color: #795dc3;   font-size: 90%;margin-top: 0.75rem;}
/*列表*/
.swiper-container {  width: 100%;  height:8rem;}
.swiper-container img {  display: block;  width: 100%;  }
.swiper-container {  width: 100%; }
.swiper-container img {  display: block;  width: 100%;    height: 100%;  }

.nav-box li{width: 25%;float: left;}
.nav-box { margin: 3% 0;    }
.nav-box li a{display: block;background: #795dc3;width: 66%;    text-align: center;  color: #a8e9ff;  height: 1.6rem;  font-size: 72%; margin: 7% 17%; line-height: 1.6rem;  border-radius: 3px;    }
.search-tip {  width: 55%;  border: 1px solid #795dc3; background: #a8e9ff; color: #795dc3;  height: 1.5rem;  border-radius: 3px;  outline: none;  text-indent: 0.5rem; margin-left: 14%; }
.search-btn {  background: #795dc3;  width: 18%;  text-align: center;  color: #a8e9ff;  height: 1.6rem; line-height: 1.6rem; font-size: 72%;  outline: none;  border-radius: 3px;  border: none;  margin-right: 9%;  }
.search-box {    height:2rem; clear: both;padding-top: 3%;}
.player-box{overflow: hidden;        padding:1%;}
.player li{width: 50%;float: left;position: relative;}
.player-list{width: 86%;border:0.35rem solid #795dc3;margin: 3% 3%;    background: #795dc3;}
.list-p-icon { width: 100%;  }
.p-text h4{font-size: 90%;color: #fff;    height: 2.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.p-text.dianji.fr {margin-top: 0.5rem;}
.p-text span{font-size: 95%;color: #fff;}
.p-text-box {  height: 3rem;  margin-top: 0.7rem; position: relative; }
.p-text-text{width: 60%;    margin-top: 0.4rem;}
.p-text a{width: 2.5rem;    display: block;  background: #a8e9ff;  text-align: center;  border-radius: 3px;  margin-top: 0.3rem;  font-size: 75%;  height: 1.5rem;  line-height: 1.5rem; color:#795dc3;     border: 0; outline: 0;}
.r-p-text{position: absolute;top: 1.7%; right:13%; }
.p-num{    width: 2rem;height: 2rem; background: url("../images/p-number.png") no-repeat;text-align: center;color: red; font-size: 70%;background-size: 2rem; }

@media all and (min-width: 414px) {
    .p-text-text{font-size: 87%;}
    .p-text a{    margin-top: 0.3rem;}
    /*.vote-btn-img{ margin-top:10% !important;}*/
}
@media all and (min-width: 412px) {
    .p-text-text{font-size: 87%;}
    .p-text a{    margin-top: 0.3rem;}
}
@media all and (max-width: 320px) {
   .player-list{    margin: 3% 2%;}
   .p-img-box{height:6.2rem !important;}
   /*.vote-btn-img{ margin-top:20%  !important;}*/
}
@media all and (min-width: 375px) {
    .p-text-text{font-size: 87%;}
    .p-text a{    margin-top: 0.3rem;}
    /*.vote-btn-img{ margin-top:15% !important;}*/
}
.weui-dialog__title img{width: 1.4rem;padding: 0 0.2rem;margin-top: -0.1rem;}
/*滚动搜索*/
#logo{position: fixed;top: 0;left: 0;background: #a8e9ff;width: 100%;z-index: 999;height: 2.2rem;display: none;}
#logo input{margin-top: 0.3rem;}
.footer-top{position: fixed;bottom: 2.8rem;right: 1rem;z-index: 999;    display: none;}
.footer-top img{width: 100%;}
.p-img-box { width: 100%; height: 7.5rem;}
/*详情页面*/
.header-dami{width: 100%;height: 2.4rem;line-height: 2.4rem;position: fixed;top:0;left: 0;text-align: center;z-index: 999;    color: #fff; font-size: 90%;    display: block;}
.header-dami img{width:100%;}
.header-dami a{font-size: 80%;color: #fff;}
.home-iocn{text-align: center;margin-top: 3.3rem; margin-bottom: 1rem;}
.home-iocn img{width: 90%;text-align: center;border-radius: 1px;}
.video-box{width: 90%;margin: 0 auto;margin-top: 2rem;}
.vote-left{width: 67%;}
.vote-box {height: 5.5rem;}
.vote-text.fl { padding-right: 3%;}
.vote-text h4{color: #a8e9ff;font-size: 95%;    padding: 0.7rem 0 0 1.5rem;   }
.tou-a{display: block;  width: 4rem;  background: #a8e9ff;  text-align: center;  border-radius: 3px;  height: 1.8rem;  line-height: 1.8rem;  font-size: 90%;margin-top: 0.5rem;  font-weight: 600;    color: #795dc3;}
.fen-a{display: block;  width: 4rem;  background: #a8e9ff;  text-align: center;  border-radius: 3px;  height: 1.8rem;  line-height: 1.8rem;  font-size: 90%;  margin-top: 1rem;  font-weight: 600;     color: #795dc3;}
.video-list li{width: 30.33%;float: left;position: relative;overflow: hidden;}
.vote-btn{width: 100%;height: 100%;position: absolute;}
.video-img{width: 100%;height: 100%}
.vote-btn-img{width: 40%;      margin-top: 20%;  }
.video-list li{margin: 1.5% 1.5%}
.video-img-box,.vote-btn{    width: 100%;height: 4rem; text-align: center;  }
.vote-btn{margin-top: -4rem;    background: #ccc;opacity: 0.5;}
.vote-btn{line-height:4rem;}
@media all and (max-width: 320px) {
  vote-btn-img { width: 40%; margin-top: 32%;}
  .home-iocn{    margin-top: 2.9rem;}

}
.VoteTime {    padding: 0.3rem 0.7rem 0 0.7rem; font-size: 75%;    text-align: center; }
span.VoteTime-End {margin-right: 0.5rem;}

.tu-text{width:90%;padding: 2rem 0.5rem;overflow: hidden;margin: auto;}
.explain { border-top: 1px solid #a8e9ff;}
.explain h1 { padding-top:0.5rem;    color: #fff;}
.explain p{padding-top:0.6rem;    color: #fff;}
.explain-icon img{width:100%;}
.p-text.fr {margin-top: 1.25rem !important;}
.tou-a{margin-top:1.3rem;}
.explain-icon{margin-top:0.6rem;}
.explain img{width:100%;}
.explain h2{height:2rem; line-height: 2rem;font-size: 100%;}


     
      .clckClass{background: rgb(4, 190, 2) !important;color: #fff !important;}
    /*公用弹框*/
      .tan{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background-color: rgba(51, 51, 51, .3);}
      .tan-bg{width: 100%;height: 100%;   }
      .tan-box{width: 12rem;height: 8rem;top: 50%;left: 50%;margin-top: -4rem;margin-left: -6rem;background: #fff;border-radius: 5px;    position: relative;}
      .tan-box h3{text-align:center;    padding: 2rem 0.7rem 0 0.7rem ;font-size: 80%;color:#795dc3;}
      .footer-tan {height: 1.3rem;position: absolute;bottom: 0.7rem;    width: 100%;}
      .ding-hui{    text-align: center;  width: 3rem;height: 1.3rem;border: 1px solid #795dc3 ;margin: auto;border-radius: 3px;font-size: 80%; line-height: 1.3rem;    width: 45%;float: left;margin-left: 0.33rem;}
        /*二维码弹框*/
    .ewm { width: 100%; height: 100%; position: fixed; top: 0; left: 0;  z-index: 9999999;display:none; }
    .ewm-bg { width: 100%; height: 100%;  background-color: rgba(51, 51, 51, .3);}
    .ewm-box { width: 10rem; height: 15.4rem; position: fixed; top: 50%; left: 50%; margin-top: -7.7rem; margin-left: -5rem;  background: #fff; border-radius: 5px; padding: 0.2rem; }
    .ewm-img img { width: 9rem; max-width: 100%;  }
    .ewm-img { text-align: center; }
    .ewm-box h3 {  text-align: center; font-size: 76%;  padding: 0.4rem 0;color: #795dc3;}
    .ewm-box h4 { text-align: center; font-size: 70%;  padding-bottom: 0.4rem;}
    .ewm-box span { color: #f94848; }
    .close {text-align: center; color: #999;width: 3rem; border: 1px solid #ccc;margin: auto; border-radius: 3px; font-size: 80%; margin-top: 1rem; }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}